




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Elaborate description of Stacking Contexts
 - CSS2.1 Test Suite</title>
  <style type="text/css">* { margin: 0; padding: 0 }
    @import "http://www.w3.org/StyleSheets/TR/base.css";
    @import "../indices.css";
  </style>
 </head>

 <body>

  <h1>CSS2.1 Test Suite</h1>
  <h2>Elaborate description of Stacking Contexts
 (19 tests)</h2>
  <table width="100%">
    <col id="test-column"></col>
    <col id="flags-column"></col>
    <col id="info-column"></col>
    <thead>
      <tr>
        <th>Test</th>
        <th><abbr title="Rendering References">Refs</abbr></th>
        <th>Flags</th>
        <th>Info</th>
      </tr>
    </thead>
    <tbody id="sE.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#sE.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/zindex.html#stacking-defs">E.1 Definitions
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="sE.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#sE.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/zindex.html#painting-order">E.2 Painting order
</a></th></tr>
      <!-- 19 tests -->
      <tr id="inline-block-zorder-001-E.2" class="primary">
        <td><strong>
            <a href="inline-block-zorder-001.xht">inline-block-zorder-001</a></strong></td>
        <td><a href="inline-block-zorder-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-block
        </td>
      </tr>
      <tr id="inline-block-zorder-002-E.2" class="primary">
        <td><strong>
            <a href="inline-block-zorder-002.xht">inline-block-zorder-002</a></strong></td>
        <td><a href="inline-block-zorder-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-block
        </td>
      </tr>
      <tr id="inline-block-zorder-003-E.2" class="primary">
        <td><strong>
            <a href="inline-block-zorder-003.xht">inline-block-zorder-003</a></strong></td>
        <td><a href="inline-block-zorder-003-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-block
        </td>
      </tr>
      <tr id="inline-block-zorder-004-E.2" class="primary">
        <td><strong>
            <a href="inline-block-zorder-004.xht">inline-block-zorder-004</a></strong></td>
        <td><a href="inline-block-zorder-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-block
        </td>
      </tr>
      <tr id="inline-block-zorder-005-E.2" class="primary">
        <td><strong>
            <a href="inline-block-zorder-005.xht">inline-block-zorder-005</a></strong></td>
        <td><a href="inline-block-zorder-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-block
        </td>
      </tr>
      <tr id="inline-table-zorder-001-E.2" class="primary">
        <td><strong>
            <a href="inline-table-zorder-001.xht">inline-table-zorder-001</a></strong></td>
        <td><a href="inline-table-zorder-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-table
        </td>
      </tr>
      <tr id="inline-table-zorder-002-E.2" class="primary">
        <td><strong>
            <a href="inline-table-zorder-002.xht">inline-table-zorder-002</a></strong></td>
        <td><a href="inline-table-zorder-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-table
        </td>
      </tr>
      <tr id="inline-table-zorder-003-E.2" class="primary">
        <td><strong>
            <a href="inline-table-zorder-003.xht">inline-table-zorder-003</a></strong></td>
        <td><a href="inline-table-zorder-003-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-table
        </td>
      </tr>
      <tr id="inline-table-zorder-004-E.2" class="primary">
        <td><strong>
            <a href="inline-table-zorder-004.xht">inline-table-zorder-004</a></strong></td>
        <td><a href="inline-table-zorder-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-table
        </td>
      </tr>
      <tr id="inline-table-zorder-005-E.2" class="primary">
        <td><strong>
            <a href="inline-table-zorder-005.xht">inline-table-zorder-005</a></strong></td>
        <td><a href="inline-table-zorder-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for z-ordering of inline-table
        </td>
      </tr>
      <tr id="z-index-abspos-001-E.2" class="">
        <td>
            <a href="z-index-abspos-001.xht">z-index-abspos-001</a></td>
        <td></td>
        <td></td>
        <td>CSS: z-index auto, -1 and backgrounds (child)
        </td>
      </tr>
      <tr id="z-index-abspos-002-E.2" class="">
        <td>
            <a href="z-index-abspos-002.xht">z-index-abspos-002</a></td>
        <td></td>
        <td></td>
        <td>CSS: z-index auto and -1 (siblings)
        </td>
      </tr>
      <tr id="z-index-abspos-003-E.2" class="">
        <td>
            <a href="z-index-abspos-003.xht">z-index-abspos-003</a></td>
        <td></td>
        <td></td>
        <td>CSS: z-index 0, -1 and backgrounds (child)
        </td>
      </tr>
      <tr id="z-index-abspos-004-E.2" class="">
        <td>
            <a href="z-index-abspos-004.xht">z-index-abspos-004</a></td>
        <td></td>
        <td></td>
        <td>CSS: z-index auto and 0 (siblings)
        </td>
      </tr>
      <tr id="z-index-abspos-005-E.2" class="">
        <td>
            <a href="z-index-abspos-005.xht">z-index-abspos-005</a></td>
        <td></td>
        <td></td>
        <td>CSS: z-index auto and 0 (siblings)
        </td>
      </tr>
      <tr id="z-index-abspos-006-E.2" class="">
        <td>
            <a href="z-index-abspos-006.xht">z-index-abspos-006</a></td>
        <td></td>
        <td></td>
        <td>CSS: z-index and SELECT elements
        </td>
      </tr>
      <tr id="z-index-abspos-007-E.2" class="">
        <td>
            <a href="z-index-abspos-007.xht">z-index-abspos-007</a></td>
        <td></td>
        <td></td>
        <td>CSS: z-index 1, -1 and backgrounds (child)
        </td>
      </tr>
      <tr id="z-index-abspos-008-E.2" class="">
        <td>
            <a href="z-index-abspos-008.xht">z-index-abspos-008</a></td>
        <td></td>
        <td></td>
        <td>z-index
        </td>
      </tr>
      <tr id="z-index-abspos-009-E.2" class="">
        <td>
            <a href="z-index-abspos-009.xht">z-index-abspos-009</a></td>
        <td></td>
        <td></td>
        <td>CSS: z-index and the canvas and background propagation
        </td>
      </tr>
    </tbody>
    <tbody id="sE.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#sE.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/zindex.html#stacking-notes">E.3 Notes
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
  </table>

 </body>
</html>
